<div class="searchCategory">
    <div class="blocHead">
        <div class="downArrow"></div>
        <span class="blueMessege">SEARCH BY CATEGORY</span>
    </div>
    <ul id="searchList">
        <?if (isset($signList)) :?>
            <?foreach ($signList as $key=>$value):?>
                <li><a href="/signs/sign/<?=$value['id']?>">
                    <?=$value['name'];?>
                </a></li>
            <?endforeach;?>
        <?endif;?>
    </ul>
</div>
<div class="popularSigns">
    <div class="blocHead">
        <div class="downArrow"></div>
        <span class="blueMessege">OUR MOST POPULAR SIGNS</span>
    </div>
    <div id="slider-code">
        <a class="buttons prev" href="#">&nbsp;</a>
	<div class="viewport">
            <ul id="bottomSignsList" class="overview">
                <?foreach ($mostPopular as $k=>$v):?>
                    <li>
                        <a href="/signs/show/<?=$k;?>">
                            <div class="mostPopularList">
                                <img class="bottomLiList" tytle="<?=$v['name'];?>" src="<?=($v['catalogImage'])?$v['catalogImage']:'/images/main/home.png'?>" />
                            </div>
                            <div class="spanSignsView blueFon">
                                <span>VIEW IT</span>
                            </div>
                        </a>
                    </li>
                <?endforeach;?>
            </ul>
	</div>
        <a class="buttons next" href="#">&nbsp;</a>
    </div>

</div>